<template>
  <div class="box">
    <div class="boxone">
        <span @click="fun">&lt;</span>
        <span>兑换中心</span>
    </div>
    <hr>
    <div class="boxtow">
      <router-link to="/eraa">
          <span>盒花加钱购</span>
      </router-link>
      <router-link to="/erbb">
          <span>盒花兑好货</span>
      </router-link> 
    </div>
    <div class="aaa"></div>
    <router-view></router-view>
  
      <Smallczi v-for="(v,i) in 10 " :key="i"></Smallczi>
       <div class="ddd"></div>

        <Bb/>
  </div>
</template>

<script>
import Smallczi from "@/components/SmallTown/smallczi"
export default {
  components:{
    Smallczi
  },
  methods: {
    fun() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped>
.aaa{
  height: 0.8rem;
}
 .router-link-active{
  color:aqua
} 
 .box{
    width: 100%;
    background-color:#f7f7f7;
 }
 .boxone{
   display: flex;
   position: fixed;
   top:0;
   height:0.4rem;
   width:100%;
   background-color:#fff ;
}
.boxone span{
  line-height: 0.4rem;
  padding-left: 0.4rem;
  padding-right: 0.8rem;
  font-size: 0.16rem;
}
.boxtow{
   width:100%;
   height: 0.4rem;
   line-height: 0.4rem;
   margin: 0 auto;
   position: fixed;
   top: 0.4rem;
   background-color: #f7f7f7;
   z-index: 111;
}
.boxtow span{
  flex:1;
  padding: 0 0.6rem;
  color: #414141;
}
.ddd{
  height: 0.5rem;
}
</style>
